<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul>
    这是文本节点
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
<script>
    // 在页面上有一个ul标签，其中有10个li标签，使用JS将li标签中的内容改为其索引值
    let lis = document.getElementsByTagName("li");
    for (let i = 0; i < lis.length; i++) {
        lis[i].textContent = i;
    }
    // 删除ul中的li
    // 获取ul标签
    let ul = document.querySelector("ul");
    // for (let i = 0; i < ul.childNodes.length; i++) {
    //     // console.log(ul.childNodes[i]);
    //     console.log(ul.removeChild(ul.childNodes[i]));
    // }
    // for (let i = 0; i < ul.children.length; i++) {
    //     // console.log(ul.childNodes[i]);
    //     console.log(ul.removeChild(ul.children[i]));
    // }
    while (ul.hasChildNodes()) {
        // ul.removeChild(ul.firstChild);
        ul.firstChild.remove();
    }
</script>
</body>
</html>